<template>
  <div class="app-container">
    <el-tabs type="border-card" :value="activeTab" @tab-click="changeTab">
      <el-tab-pane v-if="roleCheck('list')" name="one" label="活动查询">
        <spring-recharge-list v-show="activeTab === 'one'"></spring-recharge-list>
      </el-tab-pane>
      <el-tab-pane v-if="roleCheck('config')" name="two" label="活动配置">
        <spring-recharge-config v-show="activeTab === 'two'"></spring-recharge-config>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import {tabs} from '@/build';
  import springRechargeConfig from './config';
  import springRechargeList from './list'

  export default {
    name: "spring-acitivies-recharge",

    components: {
      springRechargeConfig,
      springRechargeList
    },

    mixins: [tabs],

    data() {
      return {
        activeTab: 'one'
      }
    },
    methods: {
      changeTab(tabs) {
        this.activeTab = tabs.name
      }
    }
  }
</script>

<style scoped>

</style>
